<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8" />
	<title>设置背景范围</title>
	<style>
        .box{
            width:300px;
            height:300px;
            padding:20px;
            background-color:yellow;
            background-clip:content-box;
            background-clip:padding-box;
            background-clip:border-box;/**默认**/
            -webkit-background-clip: text;
            border:10px dashed #92b901;
		}

	</style>
</head>

<body>

	<div class="box">
        这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
	</div>

</body>

</html>
